<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet"
	href="<c:url value="/resources/lib/bootstrap-3.3.5/css/bootstrap.min.css"/>" />
<link href="/resources/lib/font-awesome-4.4.0/css/font-awesome.min.css"
	rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="<c:url value="/resources/css/common.css"/>" />
<link href="/resources/css/header.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/dataAdaptor/dataAdaptorManager.css"/>" />

<script src="<c:url value="/resources/lib/jquery-2.1.4.min.js" />"
	type="text/javascript"></script>
<script
	src="<c:url value="/resources/lib/bootstrap-3.3.5/js/bootstrap.min.js" />"
	type="text/javascript"></script>
<script
	src="<c:url value="/resources/lib/angular-1.4.7/angular.min.js"/>"
	type="text/javascript">
	
</script>

<script
	src="<c:url value="/resources/lib/Smart-Table-master/dist/smart-table.min.js" />"
	type="text/javascript">
	
</script>
<script
	src="<c:url value="/resources/lib/ui-bootstrap-tpls-0.13.4.min.js"/>"
	type="text/javascript">
	
</script>

<script
	src="<c:url value="/resources/js/dataAdaptor/dataAdaptorManager.js" />"
	type="text/javascript"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Manage Data Adaptor</title>
</head>
<body ng-app="conversionTool">
	<ng-include src="'/resources/viewPart/nav.html'"> </ng-include>
	<header>
		<div class="head-line">
			<h3 class="head-title">Manage Data Adaptor</h3>
		</div>
	</header>


	<section class="container" ng-controller="dataAdaptorManagerCtrl">


		<form method="post" action="{{actionURL}}">

			<input type="hidden" id="dataAdaptorId" name="dataAdaptorId"
				ng-module="dataAdaptorId" />
			<table st-table="dataAdaptorsDisplay" st-safe-src="dataAdaptors"
				class="table table-bordered table-hover">
				<thead>
					<tr>
						<th>Adaptor Name</th>
						<th>Adaptor Type</th>
						<th>Description</th>
						<th>Detail</th>
						<th>Delete</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="item in dataAdaptorsDisplay">
						<th>{{item.adaptorName}}</th>
						<th>{{item.dataType}}</th>
						<th>{{item.description}}</th>
						<th>
						
						<!--  <input type="submit" value="View Detail" class="view"
							ng-click="showDetail(item.id,item.dataType)" />-->
							
							 <button type="submit" class="btn btn-default btn-border"
							ng-click="showDetail(item.id,item.dataType)">
							<span><i class="glyphicon glyphicon-edit"></i></span>
							
							
							</button>
							
							
							</th>
						<th>
						
						<!-- <input type="button" value="Delete" class="view"
							ng-click="deleteDataAdaptor(item.id)" /> -->
							
							<button type="button" class="btn btn-default btn-border"
							ng-click="deleteDataAdaptor(item.id)" >
							<span><i class="glyphicon glyphicon-trash"></i></span>
							</button>
							
							</th>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<td colspan="5" class="text-center">
							<div st-pagination="" st-items-by-page="itemsByPage"
								st-displayed-pages="7"></div>
						</td>
					</tr>
				</tfoot>
			</table>
		</form>
		<div class="form-group text-center">
			<div class="control-group error">
				<div class="controls">

					<span class="help-inline">{{msg}}</span>
				</div>
			</div>
		</div>

	</section>


</body>
</html>